<style>
.upload-progress {
    font-size: 12px;
}

#upload-panel ul li.upload-progress-item {
    background-image: url(<?php echo base_url(); ?>css/images/progress.gif);
    background-repeat: repeat-y;
    background-position: -1000px 0;
    background-color: #fff;
    padding: 5px;
    margin-bottom: 5px;
    border: 1px solid #C1CD94;
    
    -moz-border-radius-topleft: 2px;
    -moz-border-radius-topright: 2px;
    -moz-border-radius-bottomleft: 2px;
    -moz-border-radius-bottomright: 2px;
    -webkit-border-top-left-radius: 2px;
    -webkit-border-top-right-radius: 2px;
    -webkit-border-bottom-left-radius: 2px;
    -webkit-border-bottom-right-radius: 2px;
    
    /* hope IE support border radius, God save me! */
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
    border-bottom-left-radius: 2px;
    border-bottom-right-radius: 2px;
}

.upload-progress-item strong {
    float: left;
}

.upload-progress-item strong.delete {
    text-decoration: line-through;
}

.upload-progress-item small {
    float: right;
    font-size: 8pt;
}

.upload-progress-item small .insert, .upload-progress-item small .topic, .upload-progress-item small .delete {
    cursor: pointer;
    text-decoration: underline;
}

.upload-progress-item small .insert, .upload-progress-item small .topic  {
    color: #00AA00;
}

.upload-progress-item small .delete {
    color: #CC0000;
}
</style>


<div id="thumbnails">
<?php if(isset($topic['pictures'][0])): ?>
    <?php foreach($topic['pictures'] as $pic): ?>
    <img height='80' src="<?php echo $pic['file_path']; ?>">
    <input type="hidden" name="parent[]" value="<?php echo $pic['file_id']; ?>" />
    <?php endforeach; ?>
<?php endif; ?>
</div>
<input type="button" id="spanButtonPlaceholder" />
<div id="divFileProgressContainer" style="height: 75px;"></div>